*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "微软雅黑";
  font-size: 0.28rem;
}

//隐藏滚动条
::-webkit-scrollbar {display:none}

//宽100%
.full-w{
  width: 100%;
}

//高100%
.full-h{
  height: 100%;
}

//宽高100%
.full{
  .full-w;
  .full-h;
}

//相对定位
.relative{
  position: relative;
}

//绝对定位
.absolute{
  position: absolute;
}

//固定定位
.fixed{
  position: fixed;
}

//设置为弹性盒(兼容性写法)
.flex{
  display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;     /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;  /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
}

//弹性盒子子元素的兼容性写法
.flex1 {
  -webkit-box-flex: 1;  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;     /* OLD - Firefox 19- */
  -webkit-flex: 1;      /* Chrome */
  -ms-flex: 1;          /* IE 10 */
  flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

//弹性盒子 竖向排列布局
.align-items{
  align-items:center;
  -webkit-align-items:center;
  box-align:center;
  -moz-box-align:center;
  -webkit-box-align:center;
}

// input标签  placeholder字体颜色
input::-webkit-input-placeholder{
  color:#c1c1c1;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#c1c1c1;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#c1c1c1;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#c1c1c1;
}

//通用颜色值
@header:#010101;
@content:#090909;
@mc:#f9f9f9;
